<template>
	<view class="problem">
		<image class="bg" src="https://wuyouzhuanapp.oss-cn-beijing.aliyuncs.com/FireAndFire/user/11.png" mode="">
			<image class="bg2" src="https://wuyouzhuanapp.oss-cn-beijing.aliyuncs.com/FireAndFire/user/19.png" mode="">

			</image>
			<view class="list">
				
				<view class="item" v-for="item in list">
					<view class="top">
						<image class="icon"
							src="https://wuyouzhuanapp.oss-cn-beijing.aliyuncs.com/FireAndFire/user/12.png" mode="">
						</image>
						<view class="title">
							{{item.name}}
						</view>
					</view>
					<view class="desc">
						{{item.value}}
					</view>
				</view>
			</view>
	</view>
</template>
<script>
	export default{
		data(){
			return{
				list:[{
					name:"1.提示“下载成功”，在相册里找不到怎么办?",
					value:"问题偶有发生，是宿主程序(非小程序)接口兼容性问题造成，图片被设置成了最早的日期。可打开相册，并翻到最后一页，尝试查找刚才已下载的图片"
				},
				{
					name:"2.提示“下载失败”怎么办?",
					value:"问题偶有发生，且多见于网络环境差的情况，请尝试在WiFi环境或网络稳定的地方下载。"
				},{
					name:"3.动态视频看不到下载按钮是怎么回事?",
					value:"本小程序仅提供现今最为通用的视频格式动态壁纸。因手机型号及版本多样化，对动态视频的支持不尽相同。此问题偶有出现在oppo/vivo部分的机型，如遇此问题。可尝试使用其他机型下载。"
				},{
					name:"4.动态壁纸下载后如何在手机设置?",
					value:"基于小程序的权限框架原因，本小程序无法支持直接设置手机动态壁纸，可下载三方软件进行设置!如Vmoon等。"
				},{
					name:"5.下载的素材不是高清是怎么回事?",
					value:"所有素材由创作者上传，我们不做压缩和改变。普通下载的素材非原图。高清下载的素材均为原图，如该原图不是高清素材，请联系我们，我们将督促创作者重新上传。"
				},{
					name:"6.为什么有时候加载较慢?",
					value:"在4G或WiFi网络环境下，正常的加载速度应是极快的。但如果网络状态不佳，加上高清素材的尺寸较大，会偶尔出现加载时间过长。"
				},{
					name:"7.为什么要看广告?",
					value:"图片存储和下载都是需要消耗服务器资源的，广告是创作者积极创作的动力来源，请理解和支持!"
				},{
					name:"8.为什么每天下载次数有限?",
					value:"为防止恶意刷量，保证良好的用户使用体验，当天下载次数均会设限，对此我们也将积极优化，感谢理解和支持!"
				},{
					name:"9.我有产品使用体验的建议",
					value:"我们非常重视产品体验，可联系我们(小程序菜单:我的-联系客服)私信联系，在此感谢您的反馈!"
				}]
			}
		}
	}
</script>
<style lang="scss" scoped>
	.problem{
		padding-bottom: 50rpx;
	}
	.bg {
		width: 100%;
		height: 54rpx;
		display: block;
	}

	.bg2 {
		display: block;
		width: 100%;
		height: 291rpx;
		margin: 0 auto;
	}

	.list {
		margin: -291rpx 24rpx 0 24rpx;
		position: relative;
		z-index: 5;

		.item {
			background: rgba(45, 48, 85, 0.35);
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			margin: 0 0 24rpx;

			.desc {
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 300;
				color: #FFFFFF;
				line-height: 48rpx;
				padding: 25rpx 29rpx;
			}

			.top {
				border-bottom: 1rpx solid rgba(115, 123, 154, 0.35);
				padding: 39rpx 32rpx 20rpx 29rpx;
				display: flex;
				align-items: center;

				.icon {
					width: 44rpx;
					height: 44rpx;
					margin-right: 11rpx;
				}

				.title {
					flex: 1;
					-webkit-line-clamp: 1;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				// height: 39rpx;
				font-size: 28rpx;
				font-family: PingFang SC,
				PingFang SC;
				font-weight: 400;
				color: #68C3C9;
				line-height: 33rpx;
			}
		}
	}
</style>
